﻿@charset "utf-8";
/*******************************/
/* Public Layout CSS Document  */
/*******************************/

/* General properties (a, p, class...) */

#en_tete
{
	padding: 5px; /*marge intérieure*/
	width: 988px; /*largeur*/
	background-image: url("test-et3.JPG");
	margin-left: 0px; /*marge extérieure gauche*/
	margin-bottom: 0px; /*marge extérieure basse*/
	background-repeat: no-repeat; /*on ne répète pas l'image de fond*/
	border: 1px solid black; /*bordure de 2px de largeur, noire et continue*/
	border-bottom:none;
	-moz-border-radius:7px;
    -webkit-border-radius:7px;
}
#en_tete p
{
	line-height: 5px;
	padding-top: 10px;
}

body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   width: 1000px; /*largeur*/
   margin: auto; /*pour centrer la page*/
   margin-top: 20px; /*marge extérieure haute*/
   margin-bottom: 20px; /*marge extérieure basse*/
   background: url("test-art.jpg") repeat-x; /*couleur de fond*/
}

div.colonne {
	margin-bottom:-10000px !important;
	padding-bottom:10000px !important;
}

div#middle {
	overflow:hidden;
}

div#global { /*On travaile sur la page centrale*/
	margin-left: 222px; /*marge extérieure gauche*/
	margin-right: 0px; /*marge extérieure droite*/
	margin-bottom: 0px; /*marge extérieure gauche*/
	padding: 0px 5px 10px 5px; /*marge intérieure*/
	border: 1px solid black; /*bordure de 2px de largeur, noire et continue*/ 
	min-height: 700px; /*longueur fixe du corps*/
	text-align: center; /*le texte est centré*/
	background-color: rgb(233, 240, 243); /*couleur de fond*/
	-moz-border-radius:7px;
    -webkit-border-radius:7px;
}
#global h1{
	margin-bottom:5px;
	padding: 6px 4px 6px 16px;
}
#global h2
{
	margin-top:0px;
	width:300px;
	margin-left:223px;
	margin-bottom:45px;
	padding: 6px 4px 6px 16px;
}
#global h3
{
	text-align: center;/*centre tous les titres h1 et h3 du corps*/
	font-family: "Arial","Verdana","Helvetica","sans-serif";/*police du texte*/
	color: rgb(37, 64, 97); /*couleur d'écriture*/
}

#menu
{
	font-family: "Arial","Verdana","Helvetica","sans-serif";/*police du texte*/
	font-size:small; /*taille de la police*/
	/*line-height:18px; /*hauteur de ligne*/
	font-weight: bold; /*liens en gras*/
	float: left; /*le menu est flottant à gauche*/
	width: 211px; /*la largeur du menu*/
	min-height: 700px;
	background-color: rgb(191, 210, 224); /*couleur de fond*/
	border: 1px solid black; /*bordure de 2px de largeur, noire et continue*/
	border-right: none; /*pas de bordure droite*/
	margin-left: 0px; /*marge extérieure gauche*/
	margin-bottom: 20px; /*marge extérieure basse*/
	padding:0px 5px 5px 5px; /*marge intérieure*/
	-moz-border-radius:7px;
    -webkit-border-radius:7px;
}
h1,h2,#menu a,#menu a.seconde{
	font-family:Verdana,Arial,sans-serif;
	-moz-border-radius:5px 5px 5px 5px;
	border:1px solid rgb(37, 64, 97);
	padding: 8px 4px 4px 16px;
	position:relative;
	display:block;
	font-size:13px;
	font-weight:bold;
}
h1,#menu a
{
	background:url("ui-bg_gloss-wave_50_6eac2c_500x100.png") repeat-x scroll 50% 50% #2191C0;
	color:#EAF5F7;
	margin-top:5px;
	margin-bottom:0px;
}
#menu  a.seconde{
	background:url("ui-bg_gloss-wave_30_EAE8E3_500x100.png") repeat-x scroll 50% 50% #2191C0;
	margin-top:2px;}
	
h2,#menu a.seconde
{
	color:rgb(37, 64, 97);
	padding:0.3em 0.3em 0.3em 0.3em;
}
#menu a:hover,a.seconde:hover
{
	background:url("ui-bg_gloss-wave_45_e14f1c_500x100.png") repeat-x scroll 50% 50% #2191C0;
}
#menu ul
{
	padding: 0px; /*marge interieure*/
	padding-left: 40px; /*marge intérieure gauche*/
	margin: 0px; /*marge extérieure*/
	margin-bottom: 10px; /*marge exterieure basse*/
}

div#connect
{
	margin-top: 0px;
	margin-left: 745px;
	width: 227px; /*largeur*/
	padding: 5px; /*marge intérieure*/
	background-color: rgb(191, 210, 224);
	border: 1px solid black;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#connect 
{
	display:block;
	text-align: left;
	color:rgb(37, 64, 97);
}
#connect p
{
	margin-top:0px;
	margin-bottom:5px;
	text-align: left;
	line-height: 13px;
}
#connect p.disconnect
{
	text-align: right;
}
#connect a.deconnexion:
{
	display: block;
	text-align:right;
	color:rgb(37, 64, 97);
}
#connect a.deconnexion:hover
{
	color: white;
}
#connect h1{
	margin-bottom:5px;
	margin-top:0px;
}

div#chat
{
	overflow-x:hidden !important;
	margin-top: 10px;
	margin-left: 100px;
	width: 550px; /*largeur*/
	padding: 5px;
	height: 300px;
	background-color: white;
	border: 1px solid rgb(37, 64, 97);
	-moz-border-radius:7px;
    -webkit-border-radius:7px;
	text-align: left;
}
#chat #message_list .message { margin:7px 0; border-top:1px solid #CCCCCC; padding-top:5px; margin-right:10px; }
#message_list .message:first-child { margin-top:15px; border-top:none !important; }
#message_list .message .mess_auteur { font-weight:bold; }
#message_list .message .mess_date { font-size:10px; color:#999999; float:right; }
#message_list .message .mess_texte { line-height:1.5; clear:both; }
#message_list  p#selectnb { line-height:2; margin:10px 0 0 0; }
input[class=chat] {
	width:460px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

div#caleidoscope {
	margin: 0;
	padding: 0;
}
.float {
	float: left;
	width: 20%;
	margin: 1em 0;
}
#fin_float { clear:both; }

#info_membre{
	border:2px solid rgb(37, 64, 97);
	margin-left: 122px;
	width: 488px; /*largeur*/
	padding: 10px;
	min-height: 150px;
	background-color:white;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;}

#accueil p{
	text-align:left;
}

#sous_corps
{
	font-family:"Arial","Verdana","Helvetica","sans-serif";/*police du texte*/
	text-align: left; /*centrer l'encadré explication*/
	color: rgb(37, 64, 97); /*couleur d'écriture*/
	margin-top: 15px; /*marge extérieure haute*/
	margin-bottom: 10px; /*marge extérieure basse*/
	margin-left: 110px; /*marge extérieure gauche*/
	margin-right: 110px; /*marge extérieure droite*/
	padding: 5px; /*marge intérieure*/
	border: 1px solid rgb(37, 64, 97); /*bordure de 2px de largeur, noire et continue*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color: rgb(191, 210, 224);
}
#sous_corps h4
{
	margin-top:0px;
	margin-bottom:0px;
	text-align: center; /*centrer l'encadré explication*/
}

#inscription p
{
	text-align:left;
	padding-left:200px;
}
#inscription input.info
{
	width:350px;
}
	
#pied_de_page
{
	background:url("test-et2.jpg") repeat-x scroll 50% 50% #2191C0;
	text-align:center;
	padding: 5px; /*marge intérieure*/
	clear: left; /*permet la gestion des objets flottants*/
	width: 988px; /*largeur*/
	margin: 0px; /*marge extérieure*/
	/*background-image: url("pied.JPG"); /*image de fond*/
	margin-top: 0px; /*marge extérieure haute*/
	margin-bottom: 10px; /*marge extérieure basse*/
	background-color: rgb(191, 210, 224); /*couleur de fond*/
	/*background-repeat: no-repeat; /*on ne répète pas l'image de fond*/
	border: 1px solid black; /*bordure de 2px de largeur, noire et continue*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:rgb(37, 64, 97);
	font-weight:bold;
}
#pied_de_page a
{
	color:rgb(37, 64, 97);
}
#pied_de_page a:hover
{
	color:white;
}

input[class=nombre] {
	width:30px;
	text-align: center;
}

span.success, span.error, span.user,span.pass,span.decon,span.inscrip{/**/
	margin-top:4px;
	display: block;
    text-indent: 20px;
    padding-bottom:2px;
	text-align: left;
}
span.success {
	background: url('accept.png') no-repeat;
    color: #348934;

}
span.error {
	background: url('exclamation.png') no-repeat;
    color: #D02626;
}
span.user {
	background: url('user.png') no-repeat;
}
span.pass {
	background: url('lock.png') no-repeat;
}
span.inscrip{
	text-align:right;
}

h2
{
	background:url("ui-bg_gloss-wave_75_2191c0_500x100.png") repeat-x scroll 50% 50% #2191C0;
}

em
{
	text-decoration: underline;
	font-style: normal;	
}

img {
	border:1px solid rgb(37, 64, 97);
}
img.classement {
	border:none;
}

a
{
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: black; /* Les liens sont en noirs */
}
.hidden {
	display:none;
}
a.page{
	padding:3px; /*marge intérieure*/
	color:rgb(37, 64, 97);
	background: rgb(191, 210, 224);
	border: 1px solid rgb(37, 64, 97);;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
a.page:hover
{
	color:white;
	background: rgb(37, 64, 97);
}
a.groupe, a.list_page:hover{
	font-weight:bold;
}
a.groupe:hover
{
	color: rgb(37, 64, 97);
}
a.lvideo, a.lactu{
	text-align:left;
	display: block;
    text-indent: 20px;
    padding-bottom:2px;
}
a.lvideo{
	background: url('film.png') no-repeat;
}
a.lactu{
	background: url('page_world.png') no-repeat;
}
a.lvideo:hover, a.lactu:hover{
	text-decoration: underline;
}
a.lien_p_actu{
	text-align:left;
	display: block;
	text-indent:240px;
	margin:0px;
}
a.lien_p_actu:hover{
	color:rgb(37, 64, 97);
}
a.list_page{
	text-decoration:underline;
	display:block;
	text-align:center;
}

table
{
	border-collapse: collapse;/* Les bordures du tableau seront collées (plus joli) */
	margin: auto; /*centre le tableau*/
	margin-bottom: 5px; /*marge extérieure*/
	width: auto;
	border:1px solid rgb(37, 64, 97);
}
th/*les cellules d'en-tête*/
{
	background:url("ui-bg_gloss-wave_50_6eac2c_500x100.png") repeat-x scroll 50% 50% #2191C0;
	font-family: "Comic Sans MS", "Times New Roman", "Arial", serif; /*police du texte*/
	background-color: rgb(128,128,128); /*couleur de fond des cellules d'en-tête des tableaux*/
	color: white; /*couleur d'écriture*/
	/*border: 1px solid black; /*bordure de 1px noire et continue*/
    text-align: center; /* Tous les textes des cellules seront centrés*/
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	border:1px solid rgb(37, 64, 97);
}
td /*toutes les cellules du tableau...*/
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	border-left: 1px solid rgb(37, 64, 97); /*enlève les bordures*/
	border-right: 1px solid rgb(37, 64, 97); /*enlève les bordures*/
   
}
tr.fond1
{
	background-color: rgb(223, 239, 255);
}
tr.fond2
{
	background-color: rgb(191, 210, 224);
}


div.divinfo {
	border:1px solid gray; /*bordure de 1px de largeur, grise et continue*/
	padding:5px; /*marge intérieure*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background:#f2f2f2;
	width:400px;
}
div.divinfo a {
	color:rgb(37, 64, 97);
	padding:0 4px;
}
div.divinfo a:hover {
	text-decoration:underline;
}
div.divinfo a.close_info { 
	font-family: "Arial Rounded MT Bold", serif; /*police du texte*/
	font-size:18px;
	color:white;
	background: rgb(179,0,0);
	float:right;
	border: 1px solid white;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;}
div.divinfo a.close_info:hover { 
	background: rgb(235,27,32);
	text-decoration:none;}

div#test_carte img {
	border:none; /*aucune bordure*/
}

hr
{
   width: 300px;
   border-color: black; 
   border-left: none;
   border-right:none;
   border-bottom: none;
   height: 1px;
}

/* #chatbox #message_list {
        margin-top:12px;
        width:244px;
        max-height:420px;
        overflow:auto;
} */


/*.tab
{
	margin: auto;
	border: 1px solid black;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px;
	height: 1px;
	width: 300px;
}*/

/*.inscrip
{
text-align:left;
text-indent:80px;
}*/